.styles {
    padding: 10px;
    background-color: rgb(251, 250, 250);
    // background-color: red;
    min-height: 95vh;
    flex: 1;

    :global {
        .adm-form .adm-form-footer {
            padding: 0;
        }
    }

    .style_div1 {
        height: 100px;
        border-radius: 4px;
        opacity: 1;
        background: #FFFFFF;
        padding-left: 10px;
        padding-right: 10px;
    }

    .div1_span {
        font-size: 15px;
        font-weight: bold;
        line-height: 21px;
        text-align: right;
        letter-spacing: 0px;
        flex: 1;
        max-width: 57vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #3D3D3D;
    }

    .div2 {
        margin-top: 10px;
        height: 50px;
        border-radius: 4px;
        opacity: 1;
        background: #FFFFFF;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 15px;
            text-align: left;
            color: #3D3D3D;
        }
    }

    .div3 {
        margin-top: 10px;

        :global {
            .adm-list-item-content-main {
                // display: flex;
                white-space: nowrap;
            }

            .adm-form-item-feedback-error {
                position: absolute;
                top: 27px;
            }
        }

        .div3_1 {
            height: 42.5px;
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: "bold";
            width: 100%;
            background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
        }
    }

    .div4_button {
        display: flex;
        justify-content: space-around
    }


    .div4 {
        margin: 10px 0;
        padding: 10px;
        border-radius: 8px;
        opacity: 1;
        background: #FFFFFF;

        :global {
            .adm-list-item-content-main {
                display: flex;
                white-space: nowrap;
            }

            .adm-form-item-feedback-error {
                position: relative;
                right: 5px;
            }
        }

        .list1 {
            display: flex;
            align-items: center;
            // :global(.adm-list-item.adm-form-item.adm-form-item-horizontal) {
            //     width: 100%;
            // }
        }

        :global {
            .adm-list-item-content {
                padding-right: 0;
                border-top: 0;
            }

        }

        .carNumber {
            height: 40px;
            border-radius: 2px;
            display: flex;
            align-items: center;
            width: 100%;
            background: #F3F3F3;
            margin-left: 5px;
        }

        .carArea {
            height: 40px;
            border-radius: 2px;
            display: flex;

            max-width: 60px;
            background: #F3F3F3;

            :global {
                .adm-list-item-content-main {
                    display: flex;
                    align-items: center;
                }
            }
        }

        .timeInfo {
            display: flex;
            align-items: center;
            margin-top: 10px;

            .timePick {
                height: 40px;
                width: 100%;
                border-radius: 4px;
                background: #F3F3F3;
                display: flex;
                align-items: center;
            }
        }
    }

    .div5 {
        padding: 10px;
        height: 105.5px;
        border-radius: 4px;
        opacity: 1;
        background: #FFFFFF;
        margin-bottom: 20px;

        :global {
            .adm-list-item-content {
                border-top: 0;
            }

            .adm-form-item-feedback-error {
                margin: -30px 0 0 10px;
            }
        }

        .div5_text {
            min-width: 0;
            flex: 1;
            padding: 10px 0px 10px 10px;
            background: #F3F3F3;
            padding-bottom: 5px;
            border-radius: 2px;
        }
    }
}

.footer {
    position: fixed;
    height: 60px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    opacity: 1;
    padding: 6px 20px;
    justify-content: space-between;
    background: #FFFFFF;

    box-sizing: border-box;
    border: 0px dashed #979797;
}

.div6 {
    height: 60px;
}


:global {
    .adm-list-body {
        ---border-inner: none;
        ---border-top: none;
        background-color: rgb(251, 250, 250);
    }

    .adm-list-card {
        margin: 0;
        margin-bottom: 10px;
    }

    .adm-form .adm-list.adm-list {
        --padding-left: 6px;
    }
}

.titleValues {
    display: flex;
    align-items: center;

    :global {
        .adm-list-item-content-prefix {
            width: 30px;
            padding: 0 0 0 0;
        }

        .adm-list-item-content-main {
            padding: 0 0 0 0;
            display: flex;
            align-items: center;
        }
    }
}

.style_form {
    :global {
        .adm-form-item-feedback-error {
            // margin-right: 35px;
            // margin-top: 0px;
        }
    }
}

.style_form2 {
    :global {
        .adm-form-item-feedback-error {
            // margin: 15px 40px 0px 0px ;
        }

        .styles___lZwra .div3___QukMu .adm-form-item-feedback-error {}
    }
}